// 过渡动画 横向渐变
.fade-transverse-leave-active,
.fade-transverse-enter-active {
    transition: all .5s;
}

.fade-transverse-enter {
    opacity: 0;
    transform: translateX(-30px);
}

.fade-transverse-leave-to {
    opacity: 0;
    transform: translateX(30px);
}

// 过渡动画 缩放渐变
.fade-scale-leave-active,
.fade-scale-enter-active {
    transition: all .5s;
}

.fade-scale-enter {
    opacity: 0;
    transform: scale(1.2);
}

.fade-scale-leave-to {
    opacity: 0;
    transform: scale(0.8);
}

@-webkit-keyframes slideScale {
	from {
		-webkit-transform: scale(1)
	}

	to {
		-webkit-transform: scale(1.3)
	}
}

@-moz-keyframes slideScale {
	from {
		-moz-transform: scale(1)
	}

	to {
		-moz-transform: scale(1.3)
	}
}

@-o-keyframes slideScale {
	from {
		-o-transform: scale(1)
	}

	to {
		-o-transform: scale(1.3)
	}
}

@keyframes slideScale {
	from {
		transform: scale(1)
	}

	to {
		transform: scale(1.3)
	}
}


@-webkit-keyframes fadeIn {
	0%{opacity:0}
	100%{opacity:1}
}
@-o-keyframes fadeIn {
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes fadeIn {
	0%{opacity:0}
	100%{opacity:1}
}